<template>
  <div id="app">
    <!-- keep-alive 缓存组件的 内置组件 -->
    <!-- // keep-alive  包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们 -->
    <keep-alive>
      <!-- 需要缓存的组件 -->
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <!-- 不需要缓存的组件 -->
    <router-view v-if="!$route.meta.keepAlive" />
    <!-- 放置导航组件-->
    <nav-com> </nav-com>
  </div>
</template>
<script>
import navCom from './components/navCom'
export default {
  name: "app",
  data () {
    return {
      appdata: "我是app组件的数据"
    }
  },
  components: {
    navCom
  },
  mounted () {

  },
}
</script>
<style lang="less">
</style>
